<template>
    <div class='baseviews'>
        <el-container>
        <!-- 顶部Logo和导航栏 -->
        <el-header>
        <Header/>
        <Toolbar/>
        </el-header>
        <!-- 信息内容 -->
        <el-container>
            <el-container>
            <!-- 主内容 -->
            <el-main> 
            <router-view/>
            </el-main>
            <!-- 足部 -->
            <el-footer>
            <Footer/>
            </el-footer>
            </el-container>
            <!-- 侧边栏 -->
            <el-aside width="15vw">
            <Aside/>
            </el-aside>
        </el-container> 
        </el-container>
    </div>
</template>

<script setup>
import Toolbar from '@/components/Toolbar.vue'
import Header from '@/components/Header.vue'
import Aside from '@/components/Aside.vue'
import Footer from '@/components/Footer.vue'
import index from '@/views/front-views/index.vue'
</script>

<style src="@/styles/baseviews.scss" scoped>

</style>